$(function () {
    var dialog = $("#dialog");
    var table_dataGrid = $('#table_dataGrid')

//表头信息
    table_dataGrid.datagrid({
        url: "/trainPlan/list",
        fit: true,
        fitColumns: true,                                                      //自动填充
        frozenColumns: {field: 'id', title: 'ID', width: 100, align: 'center'},   //锁定id列
        striped: true,       //显示斑马线
        columns: [[          //表头数据,可以有多行
            {field: 'cb', checkbox: true},
            {field: 'id', title: 'ID', width: 100, align: 'center'},
            {field: 'type', title: '计划类型', width: 100, align: 'center'},
            {field: 'name', title: '名称', width: 100, align: 'center'},
            {field: 'currentDate', title: '计划时间', width: 100, align: 'center'},
            {
                field: 'employee', title: '定制人', width: 100, align: 'center', formatter: function (value, row, index) {
                if (value != null) {
                    return value.name
                } else {
                    return null;
                }
            }
            },
            {field: 'remark', title: '备注', width: 200, align: 'center'},
            {field: 'status', title: '状态', width: 200, align: 'center'},
        ]],
        onDblClickRow: function (index, row) {
            $("#item_dataGrid").datagrid({
                url: "/trainPlanItem/list",
                queryParams: {
                    trainPlanId: row.id
                }
            });
            $("#trainPlanID").val(row.id);
            $("#trainPlanItem").dialog("open");
        },
        selectOnCheck: true,
        pagination: true,   //显示底部分页栏
        singleSelect: true, //只选择一行
        toolbar: $("#tb")   //定义顶部工具栏
    });

    var obj = {
        edit: function () {
            //数据回显,判断是否有选中行,如果没有则弹出警告
            var row = table_dataGrid.datagrid("getSelected", "none");
            if (row == null) {
                $.messager.alert('温馨提示', '请先选择选择一行数据,然后再执行修改操作');
                return;
            }
            input("修改");
            //数据回显,重命名  [dept.id]
            //数据回显  load
            $("#editorForm").form("load", row);
        },
        //添加弹出弹窗
        add: function () {
            input("添加");
        },
        //刷新
        query: function () {
            table_dataGrid.datagrid("reload");
        },
        //取消
        cancel: function () {
            //隐藏弹窗
            dialog.dialog('close');
        },
        //保存和修改
        save: function () {
            //判断是否拥有id,如果有id,则是添加,没有id,则是修改
            var id = $("#trainPlan .id").val();
            var url = "/trainPlan/save"
            if (id) {
                url = "/trainPlan/update"
            }
            $('#editorForm').form('submit', {
                url: url,
                success: function (data) {
                    data = $.parseJSON(data);
                    if (data.success) {
                        $.messager.alert('温馨提示', '修改成功');
                        dialog.dialog('close');
                        table_dataGrid.datagrid("reload");
                    } else {
                        $.messager.alert('温馨提示', '修改失败,原因:' + data.msg);
                    }
                }
            });
        },
        remove: function () {
            var row = table_dataGrid.datagrid("getSelected", "none");
            if (row == null) {
                $.messager.alert('温馨提示', '请先选择选择一行数据,然后再执行删除操作');
                return;
            }
            $.messager.confirm('确认', '你确认要删除该文件吗', function (r) {
                if (r) {
                    $.get("/trainPlan/delete", {id: row.id}, function (data) {
                        if (data.success) {
                            $.messager.alert('温馨提示', '删除成功');
                            table_dataGrid.datagrid("reload");
                        } else {
                            $.messager.alert('温馨提示', '删除失败,原因:' + data.msg);
                        }
                    });
                }
            });
        }
    }

    $('a[data-cmd]').click(function () {
        var cmd = $(this).data("cmd");
        obj[cmd]();
    })

//重复操作
    function input(title) {
        //修改标题
        dialog.dialog("setTitle", title);
        //居中弹框
        dialog.dialog("center", "none");
        //显示弹框
        dialog.dialog('open');
        //重置表单数据
        $("#editorForm").form("reset", "none");
        $("#trainPlan .id").val("");
    }

//定义窗口类容
    dialog.dialog({
        width: 400,
        height: 300,
        collapsible: false,
        minimizable: false,
        maximizable: false,
        closed: true,
        draggable: false,
        resizable: false,
        constrain: true,
        footer: $("#dialog_panel")
    });


    var itemDialog = $('#item_dialog')
    var item_dataGrid = $("#item_dataGrid");

    //表头信息
    item_dataGrid.datagrid({
        fit: true,
        fitColumns: true,                                                      //自动填充
        frozenColumns: {field: 'id', title: 'ID', width: 100, align: 'center'},   //锁定id列
        striped: true,       //显示斑马线
        columns: [[          //表头数据,可以有多行
            {field: 'cb', checkbox: true},
            {field: 'id', title: 'ID', width: 100, align: 'center'},
            {field: 'employee', title: '计划类型', width: 100, align: 'center'},
            {field: 'name', title: '名称', width: 100, align: 'center'},
            {field: 'currentDate', title: '计划时间', width: 100, align: 'center'},
            {
                field: 'employee', title: '定制人', width: 100, align: 'center', formatter: function (value, row, index) {
                if (value != null) {
                    return value.name
                } else {
                    return null;
                }
            }
            },
            {field: 'remark', title: '备注', width: 100, align: 'center'},
            {field: 'status', title: '状态', width: 100, align: 'center'},
        ]],
        queryParams: {
            trainPlanId: null
        },
        selectOnCheck: true,
        pagination: true,   //显示底部分页栏
        singleSelect: true, //只选择一行
        toolbar: $("#item_td")   //定义顶部工具栏
    });


    var objItem = {
        edit: function () {
            //数据回显,判断是否有选中行,如果没有则弹出警告
            var row = item_dataGrid.datagrid("getSelected", "none");
            if (row == null) {
                $.messager.alert('温馨提示', '请先选择选择一行数据,然后再执行修改操作');
                return;
            }
            timeInput("修改");
            //数据回显,重命名  [dept.id]
            //数据回显  load
            $("#itemForm").form("load", row);
        },
        //添加弹出弹窗
        add: function () {
            timeInput("添加");
        },
        //刷新
        query: function () {
            item_dataGrid.datagrid("reload");
        },
        //取消
        cancel: function () {
            //隐藏弹窗
            itemDialog.dialog('close');
        },
        //保存和修改
        save: function () {
            //判断是否拥有id,如果有id,则是添加,没有id,则是修改
            var id = $("#itemForm .id").val();

            var url = "/trainPlanItem/save"
            if (id) {
                url = "/trainPlanItem/update"
            }

            $('#itemForm').form('submit', {
                url: url,
                success: function (data) {
                    data = $.parseJSON(data);
                    if (data.success) {
                        $.messager.alert('温馨提示', '修改成功');
                        itemDialog.dialog('close');
                        item_dataGrid.datagrid("reload");
                    } else {
                        $.messager.alert('温馨提示', '修改失败,原因:' + data.msg);
                    }
                }
            });
        },
        remove: function () {
            var row = item_dataGrid.datagrid("getSelected", "none");
            if (row == null) {
                $.messager.alert('温馨提示', '请先选择选择一行数据,然后再执行删除操作');
                return;
            }
            $.messager.confirm('确认', '你确认要删除该文件吗', function (r) {
                if (r) {
                    $.get("/trainPlanItem/delete", {id: row.id}, function (data) {
                        if (data.success) {
                            $.messager.alert('温馨提示', '删除成功');
                            item_dataGrid.datagrid("reload");
                        } else {
                            $.messager.alert('温馨提示', '删除失败,原因:' + data.msg);
                        }
                    });
                }
            });
        }
    }


    $('#trainPlanItem a[data-cmd]').click(function () {
        var cmd = $(this).data("cmd");
        objItem[cmd]();
    })

    //重复操作
    function timeInput(title) {
        //修改标题
        itemDialog.dialog("setTitle", title);
        //居中弹框
        itemDialog.dialog("center", "none");
        //显示弹框
        itemDialog.dialog('open');
        //重置表单数据
        $("form").form("reset", "none");
        $("input.id").val("");
    }


    //定义窗口类容
    itemDialog.dialog({
        width: 400,
        height: 300,
        collapsible: false,
        minimizable: false,
        maximizable: false,
        closed: true,
        draggable: false,
        resizable: false,
        constrain: true,
        footer: $("#item_panel")
    })
    //定义窗口类容
    $("#trainPlanItem").dialog({
        title: "培训员工明细表",
        width: '90%',
        height: '90%',
        collapsible: false,
        minimizable: false,
        maximizable: false,
        closed: true,
        draggable: false,
        resizable: false,
        constrain: true,
    })
})